iT邦幫忙

1

跟著AI一起:從零打造一個互動式網站 Day1

  • 分享至 

  • xImage
  •  

前端 (Frontend) 是使用者在網頁上所能看到與操作的所有東西,它的核心技術由三部分組成:

1.HTML (HyperText Markup Language)

定義網頁的結構與內容。

2.CSS (Cascading Style Sheets)

用來描述網頁的外觀與樣式。

3.JavaScript (JS)

增加網頁的互動性。

第一個網頁

建立一個檔案 index.html:

<!DOCTYPE html>
<html lang="zh-Hant">
<head>
  <meta charset="UTF-8">
  <title>Hello Sunny</title>
</head>
<body>
  <h1>我是王恩恩</h1>
  <p>這是我的第一個網頁 🎉</p>
</body>
</html>

打開瀏覽器,就能看到一個網頁。
這裡的 <!DOCTYPE html> 告訴瀏覽器這是一個 HTML5 文件。
<head> 區塊放的是設定(像是標題、字元編碼),<body> 區塊才是會顯示給使用者看的內容。

這就是前端的第一步:用 HTML 建立內容,用瀏覽器打開檢視。


圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
eleanor018
iT邦新手 5 級 ‧ 2025-09-21 14:29:14

感謝教學~

我要留言

立即登入留言